<!--
 * @Author: ryo
 * @Date: 2021-11-20 23:09:21
 * @LastEditors: ryo
 * @LastEditTime: 2021-11-25 15:14:59
 * @Description: 荣誉资质组件
 * @FilePath: \site\src\views\honor\Home.vue
-->
<template>
  <div class="honor">
    <!-- 轮播图 -->
    <m-carousel></m-carousel>
    <!-- 荣誉资质 -->
    <v-container fluid class="mb-15 mt-10 box">
      <v-row justify="center">
        <v-col>
          <div class="box_title">
            <div class="h2">荣誉资质</div>
            <div class="caption">Honorary qualification</div>
          </div>
        </v-col>
      </v-row>
      <v-row justify="start" align="center">
        <v-col
          md="3"
          sm="4"
          cols="12"
          v-for="honor in honorModel.list"
          :key="honor.id"
        >
          <v-card class="mx-auto" max-width="247" flat outlined>
            <v-img
              :src="honor.img"
              max-width="247"
              :title="honor.text"
              :alt="honor.text"
            ></v-img>
          </v-card>
        </v-col>
      </v-row>
    </v-container>
  </div>
</template>

<script>
// 组件
import mCarousel from '@/components/common/Carousel.vue';
// 常量
import constant from '@/const';

export default {
  name: 'Honor',
  components: {
    mCarousel
  },
  data() {
    return {
      honorModel: {
        list: constant.honor.list
      }
    };
  }
};
</script>

<style></style>
